<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<meta HTTP-EQUIV="expires" CONTENT="0">
		<link rel="stylesheet" type="text/css" href="../../assets/css/public.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/jquery.mThumbnailScroller.css"/>
		<title>海高大数据-产品信息大数据</title>
	</head>

	<body>
		<div class="container">
			<a href="../../index.html" class="login"></a>
			<div class="userlogin">颂恩</div>
			<ul class="mainMenu">
				<li>
					<a href="../user/index.html">用户信息大数据</a>
				</li>
				<li>
					<a href="../product/index.html">产品信息大数据</a>
				</li>
				<li>
					<a href="../living/index.html">家居信息大数据</a>
				</li>
			</ul>
			<div class="search_box">
				<div class="search">
					<input type="text" name="" id="" value="" />
					<input onclick="window.location.href='list.html'" type="button" name="" id="" value="" />
				</div>
			</div>
			<div class="Hg_left inside">
				<div class="aiData sides">
					<div class="dataTitle">
						型号TOP分析<span>Model analysis</span>
					</div>
					<div class="angle">
						<div id="chart_1" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						产品品牌占比<span>Product brand analysis</span>
					</div>
					<div class="angle">
						<div id="chart_2" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						产品品类占比<span>Product category proportion </span>
					</div>
					<div class="angle">
						<div id="chart_3" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
			</div>
			<div class="Hg_center">
				<div class="aiData">
					<div class="angle">
						<div class="center_box">
							<ul class="productAcc">
								<li>
									<label>品牌数量:</label>
									<div><span></span><i>155,561</i></div>
								</li>
								<li>
									<label>城市数量:</label>
									<div><span></span><i>5,561</i></div>
								</li>
							</ul>
							<div id="chart_4" style="width: 100%; height: 620px;"></div>
						</div>
					</div>
					<div id="content-6" class="btnTAB nacTab">
						<ul>
							<li class="curr">
								<a class="clickbtn" href="javascript:;">产业1</a>
							</li>
							<li>
								<a class="clickbtn" href="javascript:;">产业2</a>
							</li>
							<li>
								<a class="clickbtn" href="javascript:;">产业3</a>
							</li>
							<li>
								<a class="clickbtn" href="javascript:;">产业3</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="Hg_right inside">
				<div class="aiData sides">
					<div class="dataTitle"> 
						产品价格分布<span>Product price distribution</span>
					</div>
					<div class="angle">
						<div id="chart_5" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						冰箱摆放位置<span>Refrigerator location</span>
					</div>
					<div class="angle">
						<div id="chart_6" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						购买渠道占比<span>Purchase channel proportion</span>
					</div>
					<div class="angle">
						<div id="chart_7" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../assets/js/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/echarts.min.4.0.4.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/china.js" ></script>
		<script type="text/javascript" src="../../assets/js/jquery/jquery.mThumbnailScroller.js" ></script>
		<script type="text/javascript" src="../../assets/js/resize.js"></script>
		<script type="text/javascript" src="../../assets/js/data/data.js" ></script>
		<script type="text/javascript" src="../../assets/js/series.js" ></script>
		<script type="text/javascript" src="../../assets/js/app.js"></script>
		<script type="text/javascript" src="../../assets/js/common.js" ></script>
		<script type="text/javascript">
			(function(){
				productRenderResult()
				$("#content-6").mThumbnailScroller({
					type:"click-25",
				});
				$(".btnTAB li").click(function(){
					$(this).addClass('curr').siblings().removeClass('curr')
				})
			})()
		</script>
	</body>

</html>